import 'package:flutter/material.dart';

class TwoPage extends StatefulWidget {
  @override
  _TwoPageState createState() => _TwoPageState();
}

class _TwoPageState extends State<TwoPage> {
  @override
  Widget build(BuildContext context) {
    return
      Container(
        width: MediaQuery.of(context).size.width,
        height: 250.0,
        child: Row(
          children: <Widget>[
            Container(
              child: Stack(
                children: <Widget>[
                  Container(
                    margin: EdgeInsets.only(left: 21, top: 14),
                    height: MediaQuery.of(context).size.height / 5,
                    width: MediaQuery.of(context).size.width / 3.5,
                    child: Stack(
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.only(bottom: 40),
                          child: Container(
                            width:
                            MediaQuery.of(context).size.width / 3.5,
                            margin: EdgeInsets.all(3),
                            child: Column(
                              children: <Widget>[
                                Text(
                                  "one",
                                  textAlign: TextAlign.center,
                                  style: TextStyle(fontSize: 28),
                                ),
                                Text(
                                  "\ntest\n",
                                  textAlign: TextAlign.center,
                                  style: TextStyle(fontSize: 14),
                                ),
                              ],
                            ),
                            decoration: BoxDecoration(
                                color: Colors.white,
                                borderRadius:
                                BorderRadius.all(Radius.circular(3))),
                          ),
                        ),
                        Container(
                          margin: EdgeInsets.only(top: 140, left: 23),
                          child: Text(
                            "29.9USD",
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                color: Colors.white, fontSize: 18),
                          ),
                        )
                      ],
                    ),
                    decoration: BoxDecoration(
                        color: Colors.blue,
//                      borderRadius: new BorderRadius.vertical(top: Radius.circular(15),bottom: Radius.circular(10),), // 也可控件一边圆角大小
                        borderRadius: BorderRadius.only(
                            topLeft: Radius.circular(5),
                            topRight: Radius.circular(5),
                            bottomLeft: Radius.circular(5),
                            bottomRight: Radius.circular(5))),
                  ),
                  Container(
                      width: 90,
                      margin: EdgeInsets.only(left: 30),
                      child: Container(
                        child: Text(
                          "title",
                          textAlign: TextAlign.center,
                          style: TextStyle(
                              fontSize: 18, color: Colors.white),
                        ),
                        decoration: BoxDecoration(
                            color: Colors.blue,
                            borderRadius:
                            BorderRadius.all(Radius.circular(20))),
                      )),
                ],
              ),
            ),
            Container(
              child: Stack(
                children: <Widget>[
                  Container(
                    margin: EdgeInsets.only(left: 5, top: 50),
                    height: MediaQuery.of(context).size.height / 4,
                    width: MediaQuery.of(context).size.width / 3.5,
                    child: Stack(
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.only(bottom: 40),
                          child: Container(
                            width:
                            MediaQuery.of(context).size.width / 3.5,
                            margin: EdgeInsets.all(3),
                            child: Column(
                              children: <Widget>[
                                Text(
                                  "two",
                                  textAlign: TextAlign.center,
                                  style: TextStyle(fontSize: 28),
                                ),
                                Text(
                                  "\ntest\n",
                                  textAlign: TextAlign.center,
                                  style: TextStyle(fontSize: 14),
                                ),
                              ],
                            ),
                            decoration: BoxDecoration(
                                color: Colors.white,
                                borderRadius:
                                BorderRadius.all(Radius.circular(3))),
                          ),
                        ),
                        Container(
                          height: 2,
                          width: 100,
                          margin: EdgeInsets.only(top: 110, left: 6),
                          decoration: BoxDecoration(
                            gradient: LinearGradient(
                              colors: [
                                Color(0xFFfb11aa),
                                Color(0xFFa7418c)
                              ],
                              begin: Alignment.bottomLeft,
                              end: Alignment.bottomRight,
                            ),
                          ),
                        ),
                        Container(
                          margin: EdgeInsets.only(top: 130, left: 23),
                          child: Text(
                            "16.9USD",
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                color: Colors.pinkAccent, fontSize: 18),
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
            Container(
              child: Stack(
                children: <Widget>[
                  Container(
                    margin: EdgeInsets.only(left: 5, top: 50),
                    height: MediaQuery.of(context).size.height / 4,
                    width: MediaQuery.of(context).size.width / 3.5,
                    child: Stack(
                      children: <Widget>[
                        Container(
                          width: MediaQuery.of(context).size.width / 3.5,
                          margin: EdgeInsets.only(bottom: 40),
                          child: Container(
                            margin: EdgeInsets.all(3),
                            child: Column(
                              children: <Widget>[
                                Text(
                                  "three",
                                  textAlign: TextAlign.center,
                                  style: TextStyle(fontSize: 28),
                                ),
                                Text(
                                  "\ntest\n",
                                  textAlign: TextAlign.center,
                                  style: TextStyle(fontSize: 14),
                                ),
                              ],
                            ),
                            decoration: BoxDecoration(
                                color: Colors.white,
                                borderRadius:
                                BorderRadius.all(Radius.circular(3))),
                          ),
                        ),
                        Container(
                          height: 2,
                          width: 100,
                          margin: EdgeInsets.only(top: 110, left: 6),
                          decoration: BoxDecoration(
                            gradient: LinearGradient(
                              colors: [
                                Color(0xFFfb11aa),
                                Color(0xFFa7418c)
                              ],
                              begin: Alignment.bottomLeft,
                              end: Alignment.bottomRight,
                            ),
                          ),
                        ),
                        Container(
                          margin: EdgeInsets.only(top: 130, left: 23),
                          child: Text(
                            "32.9USD",
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                color: Colors.pinkAccent, fontSize: 18),
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      );


  }
}
